﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TwoColumnBox.ascx.cs" Inherits="Parts_TwoColumnBox" %>

<div class="two-column-box clearfix">
            <div class="left box staff-pick floatLeft ">
                <div class="corner tl"></div>
                <div class="corner tr"></div>
                <div class="corner br"></div>
                <div class="corner bl"></div>
                <div class="titleContainer">
                    <h3 style="margin-top: -29px;" class="title">
                        <span class="floatLeft">Staff picks</span>
                        <ul class="toggle-button-menu" id="staffPicksLinks">
                            <li><a class="active" href="#"></a></li>
                            <li><a class="" href="#"></a></li>
                            <li><a class="" href="#"></a></li>
                            <li><a class="" href="#"></a></li>
                            <li><a class="" href="#"></a></li>
                        </ul>
                    </h3>
                </div>
                
                <div class="slider slider-hover-action " id="sliderHomePageTop5" style="width: 387px; left: 0px; padding-left: 0px; padding-right: 0px;">
                	<ul style="position: absolute; width: 1935px; left: -774px;">
<li>
    <a href="">
    	<img src="Images/banner-784753.jpg" alt="The Struggle for Egypt" onload="return 'Images/banner-784753.jpg'" class="img-hover-action img-lazy-load moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Struggle for Egypt</span>
        <span class="author"><a href="">Steven A. Cook</a></span>
        <span class="price">US$ 21.95</span>
    </div>
</li>   
 
<li>
    <a href="">
        <img src="Images/banner-660975.jpg" alt="The Litigators" onload="return 'Images/banner-660975.jpg'" class="img-hover-action img-lazy-load-i moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Litigators</span>
        <span class="author"><a href="">John Grisham</a></span>
        <span class="price">US$ 28.95</span>
    </div>
</li>    

<li>
    <a href="">
        <img src="Images/banner-680742.jpg" alt="Steve Jobs" onload="return 'Images/banner-680742.jpg'" class="img-hover-action img-lazy-load-i moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">Steve Jobs</span>
        <span class="author"><a href="">Walter Isaacson</a></span>
        <span class="price">US$ 35.00</span>
    </div>
</li>

<li>
    <a href="">
        <img src="Images/banner-717100.jpg" alt="Spider Bones" onload="return 'Images/banner-717100.jpg'" class="img-hover-action img-lazy-load-i moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">Spider Bones</span>
        <span class="author"><a href="">Kathy Reichs</a></span>
        <span class="price">US$ 10.87</span>
    </div>
</li>    

<li>
    <a href="">
        <img src="Images/banner-670553.jpg" alt="My PointAnd I Do Have One" onload="return 'Images/banner-670553.jpg'" class="img-hover-action img-lazy-load-i moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">My Point...And I Do Have One</span>
        <span class="author"><a href="">Ellen Degeneres</a></span>
        <span class="price">US$ 7.99</span>
    </div>
</li>

<li style="position: absolute; left: -387px;">
    <a href="">
        <img src="Images/banner-670553.jpg" alt="My PointAnd I Do Have One" onload="return 'Images/banner-670553.jpg'" class="img-hover-action img-lazy-load-i moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">My Point...And I Do Have One</span>
        <span class="author"><a href="">Ellen Degeneres</a></span>
        <span class="price">US$ 7.99</span>
    </div>
</li>

<li style="position: absolute; left: 1935px;">
    <a href="">
        <img src="Images/banner-784753.jpg" alt="The Struggle for Egypt" onload="return 'Images/banner-784753.jpg'" class="img-hover-action img-lazy-load moving"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Struggle for Egypt</span>
        <span class="author"><a href="">Steven A. Cook</a></span>
        <span class="price">US$ 21.95</span>
    </div>
</li>
                	</ul>
            	</div>
            </div>
                        
            <div class="right box floatRight ">
                <div class="corner tl"></div>
                <div class="corner tr"></div>
                <div class="corner br"></div>
                <div class="corner bl"></div>
                <h3 class="title">Best sellers in...</h3>
                <div id="bestSellers" class="inner-box">
                    <div id="bestSellersImgs" class="slider-hover-action">
                        <ul>
                            
<li id="bestsellersContent_440">
    <a href="" class="img-link">
        <img src="Images/000741103-sml-1.jpg" onload="return 'Images/000741103-sml-1.jpg'" alt="The Husband Trap A Rouge Regency Romance" class="img-hover-action img-lazy-load"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Husband Trap: A Rouge Regency Romance</span>
        <span class="author"><a href="">Tracy Anne Warren</a></span>
        <span class="price">US$ 6.52</span>
    </div>
</li>

<li id="bestsellersContent_2" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000680742-sml-1.jpg" onload="return 'Images/000680742-sml-1.jpg'" alt="Steve Jobs" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Steve Jobs</span>
        <span class="author"><a href="">Walter Isaacson</a></span>
        <span class="price">US$ 35.00</span>
    </div>
 </li>

<li id="bestsellersContent_13" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000580124-sml-1.jpg" onload="return 'Images/000580124-sml-1.jpg'" alt="Microsoft174 Office Professional 2010 Step by Step" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Microsoft® Office Professional 2010 Step by Step</span>
        <span class="author"><a href="">Joan Lambert</a></span>
        <span class="price">US$ 35.99</span>
    </div>
 </li>

<li id="bestsellersContent_7" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000656739-sml-1.jpg" onload="return 'Images/000656739-sml-1.jpg'" alt="The Affair" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Affair</span>
        <span class="author"><a href="">Lee Child</a></span>
        <span class="price">US$ 25.84</span>
    </div>
</li>

<li id="bestsellersContent_85" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000760043-sml-1.jpg" onload="return 'Images/000760043-sml-1.jpg'" alt="Quantum Enigma" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Quantum Enigma</span>
        <span class="author"><a href="">Bruce Rosenblum</a></span>
        <span class="price">US$ 15.95</span>
    </div>
</li>

<li id="bestsellersContent_4" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000709280-sml-1.jpg" onload="return 'Images/000709280-sml-1.jpg'" alt="The Long Walk" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Long Walk</span>
        <span class="author"><a href="">Slavomir Rawicz</a></span>
        <span class="price">US$ 11.12</span>
    </div>
</li>

<li id="bestsellersContent_122" style="display:none">
    <a href="http://ebooks.com/193282/timeline/crichton-michael/" class="img-link">
        <img src="Images/000193282-sml-1.jpg" onload="return 'Images/000193282-sml-1.jpg'" alt="Timeline" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Timeline</span>
        <span class="author"><a href="">Michael Crichton</a></span>
        <span class="price">US$ 7.99</span>
    </div>
</li>

<li id="bestsellersContent_12" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000680742-sml-1.jpg" onload="return 'Images/000680742-sml-1.jpg'" alt="Steve Jobs" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Steve Jobs</span>
        <span class="author"><a href="">Walter Isaacson</a></span>
        <span class="price">US$ 35.00</span>
    </div>
</li>

<li id="bestsellersContent_143" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000433965-sml-1.jpg" onload="return 'Images/000433965-sml-1.jpg'" alt="The Immortal Life of Henrietta Lacks" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Immortal Life of Henrietta Lacks</span>
        <span class="author"><a href="">Rebecca Skloot</a></span>
        <span class="price">US$ 16.00</span>
    </div>
</li>

<li id="bestsellersContent_91" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000349869-sml-1.jpg" onload="return 'Images/000349869-sml-1.jpg'" alt="The Holy Bible" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">The Holy Bible</span>
        <span class="author"><a href="">Unknown </a></span>
        <span class="price">US$ 4.95</span>
    </div>
</li>

<li id="bestsellersContent_119" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000680742-sml-1.jpg" onload="return 'Images/000680742-sml-1.jpg'" alt="Steve Jobs" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Steve Jobs</span>
        <span class="author"><a href="">Walter Isaacson</a></span>
        <span class="price">US$ 35.00</span>
    </div>
</li>

<li id="bestsellersContent_234" style="display:none">
    <a href="" class="img-link">
        <img src="Images/000800834-sml-1.jpg" onload="return 'Images/000800834-sml-1.jpg'" alt="Algorithmic Puzzles" class="img-hover-action img-lazy-load-i"/>
    </a>
    <div class="hover-box">
        <span class="preview">Algorithmic Puzzles</span>
        <span class="author"><a href="">Anany Levitin</a></span>
        <span class="price">US$ 21.95</span>
    </div>
</li>
    
                        </ul>
                    </div>
                    
                    <div id="bestSelleresLinks">
                        <ul class="floatLeft">
                            <li><a class="selected" id="bestsellersLinks_440" href="">Romance</a> </li>
                            <li><a id="bestsellersLinks_2" href="">Business</a> </li>
                            <li><a id="bestsellersLinks_13" href="">Computers</a> </li>
                            <li><a id="bestsellersLinks_7" href="">Fiction</a> </li>
                            <li><a id="bestsellersLinks_85" href="">Science</a> </li>
                            <li><a id="bestsellersLinks_4" href="">History</a> </li>
                        </ul>
                        <ul class="floatLeft">
                            <li><a id="bestsellersLinks_122" href="">Science Fiction</a> </li>
                            <li><a id="bestsellersLinks_12" href="">Technology</a> </li>
                            <li><a id="bestsellersLinks_143" href="">Medicine</a> </li>
                            <li><a id="bestsellersLinks_91" href="">Religion</a> </li>
                            <li><a id="bestsellersLinks_119" href="">Self Help</a> </li>
                            <li><a id="bestsellersLinks_234" href="">Mathematics</a> </li>
                        </ul>
                    </div>
                </div>
            </div>
</div>